<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg>
 <g id="all">
   
    <rect x="0" y="0" width="500" height="500"
          style="fill:black">
    </rect>

    <circle cx="250" cy="250" r="20"
          style="fill:yellow">
    </circle>

    <circle cx="280" cy="250" r="5" 
          style="fill:green">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="5s" fill="restore"/>
    </circle>

    <circle cx="300" cy="250" r="7" 
          style="fill:red">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="7s" fill="restore" />
    </circle>

    <circle  cx="320" cy="250" r="6" 
          style="fill:blue">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="6s" fill="restore" />
    </circle>

    <circle cx="340" cy="250" r="5" 
          style="fill:brown">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="5s" fill="restore" />
    </circle>

    <circle cx="130" cy="250" r="10" 
          style="fill:red">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="10s" fill="restore" />
    </circle>

    <circle cx="100" cy="250" r="8" 
          style="fill:gray">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="9s" fill="restore" />
    </circle>

    <circle cx="70" cy="250" r="5" 
          style="fill:blue">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="5s" fill="restore" />
    </circle>

    <circle cx="50" cy="250" r="5" 
          style="fill:blue">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="6s" fill="restore" />
    </circle>

    <circle cx="480" cy="250" r="2" 
          style="fill:grey">
    <animate attributeName="transform" from="rotate(0 250 250)" to="rotate(720 250 250)" 
              begin="all.click" dur="6s" fill="restore" />
    </circle>

</g>

</svg>